<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>修改资料 驾校一点通 用户中心</title>
    <link href="{{ static('css/ucss.css') }}" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="{{ static('js/jquery.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/jquery.cookie.js') }}"></script>
    <!--<script type="text/javascript" src="//j2.58cdn.com.cn/jxedt/user/scripts/common.js?v=20150417"></script>-->
    <!--<script type="text/javascript" src="//j2.58cdn.com.cn/jxedt/user/scripts/ShowDialog.js"></script>-->
    <!--[if ie 6]>
	<script language="javascript" type="text/javascript" src="/scripts/DD_belatedPNG.js"></script>
	<script type="text/javascript">DD_belatedPNG.fix('.mypngbg'); </script>


	<![endif]-->
    <style>
        .bg {
            overflow: hidden;
            position: relative;
        }

        .bg label {
            display: inline-block;
            width: 80px;
            text-align: right;
        }

        .bg input {
            width: 191px;
            height: 28px;
            border: #e9e9e9 1px solid;
            line-height: 28px;
            padding: 0 3px;
            color: #595959;
            outline: none;
            margin: 5px 0;
        }

        .bg input::-webkit-outer-spin-button,
        .bg input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        .bg input[type="number"] {
            -moz-appearance: textfield;
        }

        .bg .code {
            width: 100px;
        }

        .bg button {
            width: 86px;
            height: 30px;
            vertical-align: middle;
            cursor: pointer;
            outline: none;
            line-height: 30px;
            border: none;
            background: rgba(0, 204, 51, 1);
            border-radius: 5px;
            color: #ffffff;
        }

        .bg .user-info {
            margin: 50px auto 20px;
            width: 630px;
        }

        .bg .submit-btn {
            margin: 20px auto;
            cursor: pointer;
            display: inherit;
            text-align: center;
            width: 140px;
            height: 30px;
            line-height: 30px;
            background-color: rgba(204, 204, 204, 1);
            border: none;
            border-radius: 5px;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            color: #FFFFFF;
        }

        .bg .submit-btn {
            background: rgba(0, 204, 51, 1);
        }

        .active {
            background: rgba(0, 204, 51, 1) !important;
        }

        .right .content ul li {
            height: 30px;
        }

        .no-active {
            background-color: rgba(204, 204, 204, 1) !important;;
        }

        .bg #msg {
            position: absolute;
        }

        .right .content ul {
            margin: 0;
            padding: 0;
        }

        .tabbox {
            margin: 10px;
        }

        .tabbox ul {
            list-style: none;
            display: table;
        }

        .tabbox ul li {
            text-align: center;
            float: left;
            width: 115px;
            line-height: 30px;
            background-color: rgba(204, 204, 204, 1);
            border: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 12px;
            color: #666666;
            cursor: pointer;
        }

        .tabbox ul li.active-tab {
            background-color: rgba(0, 153, 255, 1);
            color: white;
            font-weight: bold;
        }

        .tabbox .content-pwd {
            border: 1px solid #aaccff;
        }

        .tabbox .content-pwd > div {
            display: none;
        }

        .tabbox .content-pwd > div.active-content {
            display: block;
        }

        .tabbox .user-info {
            margin: 20px auto 20px;
        }
    </style>
    <script type="text/javascript" charset="UTF-8" async="" src="{{ static('js/plugins.js') }}"></script>
    <script type="text/javascript" charset="UTF-8" async="" src="{{ static('js/tool.js') }}"></script>
    <script type="text/javascript" charset="UTF-8" async="" src="{{ static('js/core.js') }}"></script>
    <script type="text/javascript" charset="UTF-8" async="" src="{{ static('js/light.js') }}"></script>
    <script type="text/javascript" charset="UTF-8" async="" src="{{ static('js/watchman.js') }}"></script>
    <style type="text/css">.yidun.yidun--light.yidun--error.yidun--icon_point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--inference .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--maxerror .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--sms .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--icon_point.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--inference.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--point.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--icon_point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--inference .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--sms .yidun_tips .yidun_tips__icon, .yidun.yidun--light .yidun_loadbox .yidun_loadbox__inner, .yidun.yidun--light .yidun_loadbox .yidun_loadbox__inner .yidun_loadicon, .yidun.yidun--light .yidun_tips__answer, .yidun_intellisense--light .yidun_classic-tips .yidun_tips__icon, .yidun_intellisense--light .yidun_intelli-icon, .yidun_popup.yidun_popup--light .yidun_modal, .yidun_popup.yidun_popup--light .yidun_modal__close .yidun_icon-close {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top
    }

    .yidun, .yidun_pop {
        -webkit-tap-highlight-color: transparent
    }

    .yidun *, .yidun_pop * {
        box-sizing: border-box
    }

    .panel_ease_top-enter, .panel_ease_top-leave-active {
        opacity: 0;
        transform: translateY(20px)
    }

    .panel_ease_bottom-enter, .panel_ease_bottom-leave-active {
        opacity: 0;
        transform: translateY(-20px)
    }

    .panel_ease_bottom-enter-active, .panel_ease_bottom-leave-active, .panel_ease_top-enter-active, .panel_ease_top-leave-active {
        transition: all .2s linear;
        pointer-events: none
    }

    .popup_scale-enter, .popup_scale-leave-active {
        opacity: 0;
        transform: scale(0)
    }

    .popup_scale-enter-active {
        transition: all .3s cubic-bezier(.76, .01, .35, 1.56)
    }

    .popup_scale-leave-active {
        transition: all .2s ease-out
    }

    .popup_ease-enter {
        opacity: 0;
        transform: translateY(-20px)
    }

    .popup_ease-enter-active {
        transition: opacity .3s linear, transform .3s linear
    }

    .popup_ease-leave-active {
        opacity: 0;
        transform: translateY(-20px);
        transition: all .2s ease-out
    }

    @keyframes loading {
        0% {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(1turn)
        }
    }

    @keyframes ball-scale-multiple {
        0% {
            transform: scale(.22);
            opacity: 0
        }
        5% {
            opacity: 1
        }
        to {
            transform: scale(1);
            opacity: 0
        }
    }

    @keyframes bright {
        0% {
            opacity: .5
        }
        to {
            opacity: 1
        }
    }

    .yidun_cover-frame {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .yidun.yidun--light {
        position: relative;
        margin: auto;
        font-size: 14px
    }

    .yidun.yidun--light .yidun_jigsaw, .yidun.yidun--light .yidun_slide_indicator, .yidun.yidun--light .yidun_slider {
        display: none
    }

    .yidun.yidun--light.yidun--jigsaw .yidun_jigsaw, .yidun.yidun--light.yidun--jigsaw .yidun_slide_indicator, .yidun.yidun--light.yidun--jigsaw .yidun_slider {
        display: block
    }

    .yidun.yidun--light .yidun_jigsaw {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        height: 100%;
        -webkit-transform: translateZ(0);
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden
    }

    .yidun.yidun--light .yidun_icon-point {
        position: absolute;
        width: 26px;
        height: 33px;
        cursor: pointer;
        background-repeat: no-repeat
    }

    .yidun.yidun--light .yidun_icon-point.yidun_point-1 {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -511px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_icon-point.yidun_point-1 {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -511px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_icon-point.yidun_point-2 {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -367px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_icon-point.yidun_point-2 {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -367px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_icon-point.yidun_point-3 {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -475px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_icon-point.yidun_point-3 {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -475px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_icon-point.yidun_point-4 {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -439px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_icon-point.yidun_point-4 {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -439px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_icon-point.yidun_point-5 {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -403px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_icon-point.yidun_point-5 {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -403px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--maxerror .yidun_icon-point {
        cursor: default
    }

    .yidun.yidun--light .yidun_inference {
        display: none;
        position: absolute;
        width: 25%;
        height: 50%;
        overflow: hidden;
        box-sizing: border-box;
        background-color: transparent
    }

    .yidun.yidun--light .yidun_inference .yidun_inference__border {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        border: 1px solid #fff;
        box-sizing: border-box;
        background: transparent;
        border-radius: inherit;
        transition: border .2s ease-out 0s
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--0, .yidun.yidun--light .yidun_inference.yidun_inference--0 .yidun_inference__img {
        top: 0;
        left: 0
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--1 {
        top: 0;
        left: 25%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--1 .yidun_inference__img {
        top: 0;
        left: -100%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--2 {
        top: 0;
        left: 50%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--2 .yidun_inference__img {
        top: 0;
        left: -200%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--3 {
        top: 0;
        left: 75%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--3 .yidun_inference__img {
        top: 0;
        left: -300%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--4, .yidun.yidun--light .yidun_inference.yidun_inference--4 .yidun_inference__img {
        bottom: 0;
        left: 0
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--5 {
        bottom: 0;
        left: 25%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--5 .yidun_inference__img {
        bottom: 0;
        left: -100%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--6 {
        bottom: 0;
        left: 50%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--6 .yidun_inference__img {
        bottom: 0;
        left: -200%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--7 {
        bottom: 0;
        left: 75%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--7 .yidun_inference__img {
        bottom: 0;
        left: -300%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--drag .yidun_inference__border, .yidun.yidun--light .yidun_inference.yidun_inference--swap .yidun_inference__border, .yidun.yidun--light .yidun_inference:hover .yidun_inference__border {
        border-color: #2c6eff;
        border-width: 2px
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--drag, .yidun.yidun--light .yidun_inference:hover {
        background-color: #fff
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--drag .yidun_inference__img, .yidun.yidun--light .yidun_inference:hover .yidun_inference__img {
        opacity: .3;
        filter: alpha(opacity=30)
    }

    .yidun.yidun--light .yidun_inference:hover {
        cursor: pointer
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--drag {
        z-index: 1;
        box-shadow: 0 2px 6px 30%
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--origin .yidun_inference__border {
        background-color: #d8d8d8
    }

    .yidun.yidun--light .yidun_inference.yidun_inference--swap .yidun_inference__border {
        background: transparent
    }

    .yidun.yidun--light .yidun_inference__img {
        position: absolute;
        width: 400%;
        height: 200%;
        pointer-events: none;
        transition: opacity .2s ease-out
    }

    .yidun.yidun--light.yidun--inference .yidun_inference {
        display: block;
        background-color: #fff
    }

    .yidun.yidun--light.yidun--inference .yidun_bg-img {
        display: none
    }

    .yidun.yidun--light.yidun--float .yidun_panel {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 999
    }

    .yidun.yidun--light .yidun_panel {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .yidun.yidun--light .yidun_panel-placeholder {
        pointer-events: auto;
        position: relative;
        padding-top: 50%
    }

    .yidun.yidun--light .yidun_bgimg {
        pointer-events: auto;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .yidun.yidun--light .yidun_bgimg .yidun_bg-img {
        pointer-events: auto;
        vertical-align: top;
        width: 100%
    }

    .yidun.yidun--light.yidun--icon_point .yidun_bgimg, .yidun.yidun--light.yidun--icon_point .yidun_panel-placeholder, .yidun.yidun--light.yidun--inference .yidun_bgimg, .yidun.yidun--light.yidun--inference .yidun_panel-placeholder {
        overflow: hidden
    }

    .yidun.yidun--light .yidun_loadbox {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/tipBg.ad4e919.png");
        background-color: #f7f9fa;
        background-position: 50%;
        background-size: cover
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_loadbox {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/tipBg@2x.c7a9593.png")
        }
    }

    .yidun.yidun--light .yidun_loadbox .yidun_loadbox__inner {
        position: relative;
        top: 50%;
        margin-top: -25px
    }

    .yidun.yidun--light .yidun_loadbox .yidun_loadbox__inner .yidun_loadicon {
        width: 32px;
        height: 32px;
        background-repeat: no-repeat
    }

    .yidun.yidun--light .yidun_loadbox .yidun_loadbox__inner .yidun_loadtext {
        display: block;
        line-height: 20px;
        color: #45494c
    }

    .yidun.yidun--light .yidun_top {
        position: absolute;
        right: 0;
        top: 0;
        max-width: 68px;
        z-index: 2
    }

    .yidun.yidun--light .yidun_refresh {
        float: right;
        width: 30px;
        height: 30px;
        margin-left: 4px;
        cursor: pointer;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -299px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_refresh {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -299px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_refresh:hover {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -266px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_refresh:hover {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -266px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--maxerror .yidun_refresh {
        cursor: not-allowed
    }

    .yidun.yidun--light.yidun--maxerror .yidun_refresh:hover {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -299px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--maxerror .yidun_refresh:hover {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -299px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_feedback {
        float: left;
        display: block;
        width: 30px;
        height: 26px;
        cursor: pointer;
        outline: none;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -204px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_feedback {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -204px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_feedback:hover {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -175px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_feedback:hover {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -175px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_control {
        position: relative;
        border: 1px solid #e4e7eb;
        background-color: #f7f9fa
    }

    .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slide_indicator {
        border-color: #1991fa;
        background-color: #d1e9fe
    }

    .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider {
        background-color: #1991fa
    }

    .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider .yidun_slider__icon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 0;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_control.yidun_control--moving .yidun_slider .yidun_slider__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 0;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_slide_indicator {
        position: absolute;
        top: -1px;
        left: -1px;
        width: 0;
        border: 1px solid transparent
    }

    .yidun.yidun--light .yidun_slider {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 0 3px rgba(0, 0, 0, .3);
        cursor: pointer;
        transition: background .2s linear
    }

    .yidun.yidun--light .yidun_slider:hover {
        background-color: #1991fa
    }

    .yidun.yidun--light .yidun_slider:hover .yidun_slider__icon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 0;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_slider:hover .yidun_slider__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 0;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_slider .yidun_slider__icon {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        left: 50%;
        margin-left: -6px;
        width: 14px;
        height: 10px;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -26px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light .yidun_slider .yidun_slider__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -26px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light .yidun_slider img.yidun_slider__icon {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        background-image: none !important
    }

    .yidun.yidun--light .yidun_tips {
        text-align: center;
        color: #45494c
    }

    .yidun.yidun--light .yidun_tips .yidun_sms-counter {
        color: #1991fa
    }

    .yidun.yidun--light .yidun_tips__text {
        vertical-align: middle
    }

    .yidun.yidun--light .yidun_tips__answer {
        vertical-align: middle;
        font-weight: 700
    }

    .yidun.yidun--light .yidun_tips__answer.hide {
        display: none
    }

    .yidun.yidun--light.yidun--point .yidun_tips__point {
        display: inline
    }

    .yidun.yidun--light.yidun--point .yidun_tips__img {
        display: none
    }

    .yidun.yidun--light.yidun--icon_point .yidun_tips__answer {
        width: 80px;
        height: 20px;
        margin-left: 8px;
        overflow: hidden;
        position: relative
    }

    .yidun.yidun--light.yidun--icon_point .yidun_tips__point {
        display: none
    }

    .yidun.yidun--light.yidun--icon_point .yidun_tips__img {
        display: block;
        position: absolute;
        bottom: -60px;
        left: 0;
        width: 400%;
        height: 1200%
    }

    .yidun.yidun--light .yidun_answer--r2l .yidun_tips__img {
        bottom: -40px
    }

    .yidun.yidun--light.yidun--loadfail .yidun_bgimg, .yidun.yidun--light.yidun--loading .yidun_bgimg {
        display: none
    }

    .yidun.yidun--light.yidun--loadfail .yidun_loadbox, .yidun.yidun--light.yidun--loading .yidun_loadbox {
        display: block
    }

    .yidun.yidun--light.yidun--loadfail .yidun_slider, .yidun.yidun--light.yidun--loading .yidun_slider {
        cursor: not-allowed
    }

    .yidun.yidun--light.yidun--loadfail .yidun_slider:hover, .yidun.yidun--light.yidun--loading .yidun_slider:hover {
        background-color: #fff
    }

    .yidun.yidun--light.yidun--loadfail .yidun_slider:hover .yidun_slider__icon, .yidun.yidun--light.yidun--loading .yidun_slider:hover .yidun_slider__icon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -26px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--loadfail .yidun_slider:hover .yidun_slider__icon, .yidun.yidun--light.yidun--loading .yidun_slider:hover .yidun_slider__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -26px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--loading .yidun_loadicon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -332px;
        background-size: 32px 544px;
        animation: loading .8s linear infinite
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--loading .yidun_loadicon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -332px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--loading .yidun_refresh {
        cursor: not-allowed
    }

    .yidun.yidun--light.yidun--loading .yidun_control {
        border-color: #e4e7eb;
        background-color: #f7f9fa
    }

    .yidun.yidun--light.yidun--loadfail .yidun_loadicon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -233px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--loadfail .yidun_loadicon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -233px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--icon_point.yidun--button .yidun_control, .yidun.yidun--light.yidun--inference.yidun--button .yidun_control, .yidun.yidun--light.yidun--point.yidun--button .yidun_control {
        cursor: pointer;
        background: #f7f9fa;
        background: linear-gradient(180deg, #fff 0, #ebedf0 87%)
    }

    .yidun.yidun--light.yidun--icon_point.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--inference.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--point.yidun--button .yidun_tips .yidun_tips__icon {
        margin-right: 8px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -152px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--icon_point.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--inference.yidun--button .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--point.yidun--button .yidun_tips .yidun_tips__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -152px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--icon_point.yidun--verifying .yidun_refresh, .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_refresh, .yidun.yidun--light.yidun--jigsaw.yidun--verifying .yidun_refresh, .yidun.yidun--light.yidun--point.yidun--verifying .yidun_refresh {
        cursor: not-allowed
    }

    .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_inference--target .yidun_inference__img {
        animation: bright .6s ease-in .3s
    }

    .yidun.yidun--light.yidun--success .yidun_tips {
        color: #52ccba
    }

    .yidun.yidun--light.yidun--success .yidun_refresh {
        display: none
    }

    .yidun.yidun--light.yidun--success.yidun--jigsaw .yidun_slide_indicator {
        border-color: #52ccba;
        background-color: #d2f4ef
    }

    .yidun.yidun--light.yidun--success.yidun--jigsaw .yidun_slider {
        background-color: #52ccba
    }

    .yidun.yidun--light.yidun--success.yidun--jigsaw .yidun_slider .yidun_slider__icon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -13px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--success.yidun--jigsaw .yidun_slider .yidun_slider__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -13px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--success.yidun--icon_point .yidun_control, .yidun.yidun--light.yidun--success.yidun--inference .yidun_control, .yidun.yidun--light.yidun--success.yidun--point .yidun_control, .yidun.yidun--light.yidun--success.yidun--sms .yidun_control {
        border-color: #52ccba;
        background-color: #d2f4ef
    }

    .yidun.yidun--light.yidun--success.yidun--icon_point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--inference .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--sms .yidun_tips .yidun_tips__icon {
        margin-right: 5px;
        width: 17px;
        height: 12px;
        vertical-align: middle;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -97px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--success.yidun--icon_point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--inference .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--success.yidun--sms .yidun_tips .yidun_tips__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -97px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--error .yidun_tips {
        color: #f57a7a
    }

    .yidun.yidun--light.yidun--error.yidun--jigsaw.yidun--maxerror .yidun_slide_indicator, .yidun.yidun--light.yidun--error.yidun--jigsaw.yidun--maxerror .yidun_slider {
        display: none
    }

    .yidun.yidun--light.yidun--error.yidun--jigsaw .yidun_slide_indicator {
        border-color: #f57a7a;
        background-color: #fce1e1
    }

    .yidun.yidun--light.yidun--error.yidun--jigsaw .yidun_slider {
        background-color: #f57a7a
    }

    .yidun.yidun--light.yidun--error.yidun--jigsaw .yidun_slider .yidun_slider__icon {
        width: 12px;
        height: 12px;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -67px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--error.yidun--jigsaw .yidun_slider .yidun_slider__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -67px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--error.yidun--jigsaw .yidun_slider img.yidun_slider__icon {
        width: 100%;
        height: 100%
    }

    .yidun.yidun--light.yidun--error.yidun--icon_point .yidun_control, .yidun.yidun--light.yidun--error.yidun--inference .yidun_control, .yidun.yidun--light.yidun--error.yidun--maxerror .yidun_control, .yidun.yidun--light.yidun--error.yidun--point .yidun_control, .yidun.yidun--light.yidun--error.yidun--sms .yidun_control {
        border-color: #f57a7a;
        background-color: #fce1e1
    }

    .yidun.yidun--light.yidun--error.yidun--icon_point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--inference .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--maxerror .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--sms .yidun_tips .yidun_tips__icon {
        margin-right: 5px;
        width: 12px;
        height: 12px;
        vertical-align: middle;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -82px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun.yidun--light.yidun--error.yidun--icon_point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--inference .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--maxerror .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--point .yidun_tips .yidun_tips__icon, .yidun.yidun--light.yidun--error.yidun--sms .yidun_tips .yidun_tips__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -82px;
            background-size: 32px 544px
        }
    }

    .yidun.yidun--light.yidun--error.yidun--maxerror .yidun_tips__text:hover {
        cursor: pointer;
        text-decoration: underline
    }

    .yidun.yidun--light.yidun--inference.yidun--error .yidun_inference, .yidun.yidun--light.yidun--inference.yidun--maxerror .yidun_inference, .yidun.yidun--light.yidun--inference.yidun--success .yidun_inference, .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_inference, .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference {
        cursor: default
    }

    .yidun.yidun--light.yidun--inference.yidun--error .yidun_inference:hover .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--maxerror .yidun_inference:hover .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--success .yidun_inference:hover .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_inference:hover .yidun_inference__border, .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference:hover .yidun_inference__border {
        content: "";
        border-color: #fff;
        border-width: 1px
    }

    .yidun.yidun--light.yidun--inference.yidun--error .yidun_inference:hover .yidun_inference__img, .yidun.yidun--light.yidun--inference.yidun--maxerror .yidun_inference:hover .yidun_inference__img, .yidun.yidun--light.yidun--inference.yidun--success .yidun_inference:hover .yidun_inference__img, .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_inference:hover .yidun_inference__img, .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference:hover .yidun_inference__img {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .yidun.yidun--light.yidun--inference.yidun--error .yidun_inference.yidun_inference--drag .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--error .yidun_inference.yidun_inference--swap .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--maxerror .yidun_inference.yidun_inference--drag .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--maxerror .yidun_inference.yidun_inference--swap .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--success .yidun_inference.yidun_inference--drag .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--success .yidun_inference.yidun_inference--swap .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_inference.yidun_inference--drag .yidun_inference__border, .yidun.yidun--light.yidun--inference.yidun--verifying .yidun_inference.yidun_inference--swap .yidun_inference__border, .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference.yidun_inference--drag .yidun_inference__border, .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference.yidun_inference--swap .yidun_inference__border {
        border-color: #2c6eff;
        border-width: 2px
    }

    .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference.yidun_inference--target {
        background-color: #000
    }

    .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference.yidun_inference--target .yidun_inference__border {
        border: 2px solid #2c6eff
    }

    .yidun.yidun--light.yidun--inference .yidun_bgimg--dragging .yidun_inference.yidun_inference--target .yidun_inference__img {
        opacity: .4;
        filter: alpha(opacity=40)
    }

    .yidun_popup.yidun_popup--light {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        text-align: center
    }

    .yidun_popup.yidun_popup--light .yidun_popup__mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        filter: alpha(opacity=30);
        opacity: .3;
        transition: opacity .3s linear;
        will-change: opacity
    }

    .yidun_popup.yidun_popup--light .yidun_modal {
        position: relative;
        box-sizing: border-box;
        border-radius: 2px;
        border: 1px solid #e4e7eb;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }

    .yidun_popup.yidun_popup--light .yidun_modal__subwrap, .yidun_popup.yidun_popup--light .yidun_modal__wrap {
        height: 100%;
        width: 100%
    }

    .yidun_popup.yidun_popup--light .yidun_modal__title {
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
        text-align: left;
        font-size: 16px;
        color: #45494c;
        border-bottom: 1px solid #e4e7eb
    }

    .yidun_popup.yidun_popup--light .yidun_modal__close {
        position: absolute;
        top: 13px;
        right: 9px;
        width: 24px;
        height: 24px;
        text-align: center;
        cursor: pointer
    }

    .yidun_popup.yidun_popup--light .yidun_modal__close .yidun_icon-close {
        margin-top: 6px;
        width: 11px;
        height: 11px;
        vertical-align: top;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -53px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_popup.yidun_popup--light .yidun_modal__close .yidun_icon-close {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -53px;
            background-size: 32px 544px
        }
    }

    .yidun_popup.yidun_popup--light .yidun_modal__close:hover .yidun_icon-close {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -39px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_popup.yidun_popup--light .yidun_modal__close:hover .yidun_icon-close {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -39px;
            background-size: 32px 544px
        }
    }

    .yidun_popup.yidun_popup--light .yidun_modal__body {
        padding: 15px
    }

    .yidun_popup.yidun_popup--light .yidun_modal__body .yidun {
        *margin: 0
    }

    .yidun_popup.yidun_popup--auto {
        position: absolute
    }

    .yidun_popup.yidun_popup--auto .yidun_modal {
        top: auto;
        *top: -50%
    }

    .yidun_popup.yidun_popup--auto .yidun_modal__wrap {
        display: table;
        *position: relative
    }

    .yidun_popup.yidun_popup--auto .yidun_modal__subwrap {
        display: table-cell;
        vertical-align: middle;
        *height: auto;
        *position: absolute;
        *top: 50%;
        *left: 0
    }

    @supports (display:flex) {
        .yidun_popup.yidun_popup--auto .yidun_modal {
            top: auto;
            margin: auto
        }

        .yidun_popup.yidun_popup--auto .yidun_modal__wrap {
            display: block
        }

        .yidun_popup.yidun_popup--auto .yidun_modal__subwrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-line-pack: center;
            align-content: center
        }
    }

    .yidun_intellisense--light {
        position: relative
    }

    .yidun_intellisense--light * {
        box-sizing: border-box
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-control, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_intelli-control, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-control, .yidun_intellisense--light.yidun_intellisense--success .yidun_intelli-control {
        cursor: default
    }

    .yidun_intellisense--light .yidun_intelli-control {
        position: relative;
        height: 40px;
        font-size: 14px;
        cursor: pointer;
        border-radius: 2px;
        border: 1px solid #e4e7eb;
        background-color: #f7f9fa;
        overflow: hidden
    }

    .yidun_intellisense--light .yidun_intelli-tips {
        text-align: center;
        color: #45494c
    }

    .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon {
        background-color: #1991fa;
        box-shadow: 0 2px 6px 1px rgba(25, 145, 250, .5)
    }

    .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon .yidun_logo {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -112px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-icon .yidun_logo {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -112px;
            background-size: 32px 544px
        }
    }

    .yidun_intellisense--light .yidun_intelli-tips:hover .yidun_intelli-text {
        color: #1991fa
    }

    .yidun_intellisense--light .yidun_intelli-icon {
        position: relative;
        margin-right: 5px;
        width: 28px;
        height: 28px;
        vertical-align: middle;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 2px 8px 1px rgba(188, 196, 204, .5);
        transition: all .2s linear
    }

    .yidun_intellisense--light .yidun_intelli-icon .yidun_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
        width: 15px;
        height: 17px;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -132px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_intellisense--light .yidun_intelli-icon .yidun_logo {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -132px;
            background-size: 32px 544px
        }
    }

    .yidun_intellisense--light .yidun_intelli-icon img.yidun_logo {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        border-radius: 50%;
        background-image: none !important
    }

    .yidun_intellisense--light .yidun_intelli-text {
        line-height: 38px;
        vertical-align: middle;
        transition: all .2s linear
    }

    .yidun_intellisense--light .yidun_classic-tips {
        display: none;
        text-align: center
    }

    .yidun_intellisense--light .yidun_classic-tips .yidun_tips__icon {
        margin-right: 5px;
        width: 12px;
        height: 12px;
        vertical-align: middle
    }

    .yidun_intellisense--light .yidun_classic-tips .yidun_tips__text {
        line-height: 38px;
        vertical-align: middle
    }

    .yidun_intellisense--light .yidun_classic-container {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000
    }

    .yidun_intellisense--light .yidun_classic-wrapper {
        display: none;
        padding: 9px;
        border: 1px solid #e4e7eb;
        border-radius: 2px;
        background-color: #fff
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon {
        background-color: #1991fa
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon .yidun_logo, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon .yidun_logo {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -112px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-icon .yidun_logo, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-icon .yidun_logo {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -112px;
            background-size: 32px 544px
        }
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_intelli-text, .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-text {
        color: #1991fa
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_ball-scale-multiple {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-80px)
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_ball-scale-multiple > div:nth-child(2) {
        animation-delay: -1.2s
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_ball-scale-multiple > div:nth-child(3) {
        animation-delay: -.6s
    }

    .yidun_intellisense--light.yidun_intellisense--checking .yidun_ball-scale-multiple > div {
        position: absolute;
        box-shadow: inset 0 0 40px rgba(25, 145, 250, .5);
        border-radius: 100%;
        animation-fill-mode: both;
        left: -80px;
        top: 0;
        opacity: 0;
        width: 160px;
        height: 160px;
        animation: ball-scale-multiple 1.8s 0s linear infinite
    }

    .yidun_intellisense--light.yidun_intellisense--loading .yidun_logo {
        display: none
    }

    .yidun_intellisense--light.yidun_intellisense--loading .yidun_intelli-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border-width: 2px;
        border-style: solid;
        border-color: #fff #fff transparent;
        animation: loading .75s linear infinite;
        background-position: 0 0
    }

    .yidun_intellisense--light.yidun_intellisense--error .yidun_intelli-tips, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_intelli-tips, .yidun_intellisense--light.yidun_intellisense--success .yidun_intelli-tips {
        display: none
    }

    .yidun_intellisense--light.yidun_intellisense--error .yidun_classic-tips, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_classic-tips, .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
        display: block
    }

    .yidun_intellisense--light.yidun_intellisense--success .yidun_intelli-control {
        border-color: #52ccba;
        background-color: #d2f4ef
    }

    .yidun_intellisense--light.yidun_intellisense--success .yidun_classic-tips {
        color: #52ccba
    }

    .yidun_intellisense--light.yidun_intellisense--success .yidun_tips__icon {
        width: 17px;
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -97px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_intellisense--light.yidun_intellisense--success .yidun_tips__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -97px;
            background-size: 32px 544px
        }
    }

    .yidun_intellisense--light.yidun_intellisense--error .yidun_intelli-control, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_intelli-control {
        border-color: #f57a7a;
        background-color: #fce1e1
    }

    .yidun_intellisense--light.yidun_intellisense--error .yidun_classic-tips, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_classic-tips {
        color: #f57a7a
    }

    .yidun_intellisense--light.yidun_intellisense--error .yidun_tips__icon, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_tips__icon {
        background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light.c72616a.png");
        background-position: 0 -82px;
        background-size: 32px 544px
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
        .yidun_intellisense--light.yidun_intellisense--error .yidun_tips__icon, .yidun_intellisense--light.yidun_intellisense--loadfail .yidun_tips__icon {
            background-image: url("https://cstaticdun.126.net//2.13.2/images/icon_light@2x.5d17769.png");
            background-position: 0 -82px;
            background-size: 32px 544px
        }
    }

    .yidun_intellisense--light.yidun_intellisense--maxerror .yidun_intelli-control .yidun_tips__text:hover {
        cursor: pointer;
        text-decoration: underline
    }</style>
</head>

<body>
<script type="text/javascript" src="{{ static('js/top.js') }}"></script>

<div class="top">
    <div class="logo">
        <a href="{{ url('index:index') }}"> <img src="{{ static('images/ulogo.png') }}" alt="驾校一点通" class="mypngbg"
                                                 width="170" height="48"></a>
    </div>
    <div class="minimenu">
        <a href="{{ url('users:logout') }}">退出</a>

    </div>
    <div id="extwaiimpotscp" style="display:none" v="{aa90"
         f="ZTJGaE9UQTVNekkwTFRjMU1qQXROR1JqWkMwNVpXSXdMVGxtTUdFNVpXTXpZekF3TTMwPQ==" q="46777ec7" c="155.0" i="158.3"
         u="0.198" s="19120923" w="false" m="BMe=" vn="yotcn"></div>
</div>
{#<div class="menubg">#}
{#	<div class="menu">#}
{#		<ul>#}
{#			<li class=""><a href="https://user.jxedt.com/">会员中心</a></li>#}
{#			<li class=""><a href="https://user.jxedt.com/changePhone">修改手机号</a></li>#}
{#			<li class="menuon"><a href="https://user.jxedt.com/changepwd">修改密码</a></li>#}
{#			<li class=""><a href="https://user.jxedt.com/alipay/index">购买VIP</a></li>#}
{#			<li class=""><a href="https://user.jxedt.com/financial">账户余额</a></li>#}
{#			<!--<li class=""><a href="/myBaoXian">学车保险</a></li>-->#}
{#		</ul>#}
{#	</div>#}
{#</div>#}

<div class="main">
    <div class="left">

        <div class="indexleft">
            <div class="uinfo">
                <div class="umenu">
                    <div class="bginfo"></div>
                </div>
                <div class="uface">
                    <div class="picmidddiv">
                        <div class="picmidd">
                            <!-- <a href="face" title="我要修改头像"> -->
                            {#						<a href="#" title="我要修改头像">#}

                            <img src="{{ static('images/userinfo.png') }}" id="indexleft_face" alt="我要修改头像">
                            {#                        </a>#}
                        </div>
                    </div>
                </div>
                <div class="udeta" style="width:150px;">
                    晚上好:
                    <br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ user.username }}
                    <br>
                    上次登录:
                    <br>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ updatetime }}<br>
                    {#				<a style="color: #ff0000" href=""></a>#}
                </div>
            </div>
            <div class="links">
                <div class="umenu">
                    <div class="bglink"></div>
                </div>
                <dl class="fir">
                    <dt class="mn1"></dt>
                    <dd class="fd">
                        <a href="#" target="_blank">我的错题({{ quantity }})</a>
                    </dd>
                    {#				<dd>手机版网址：m.jxedt.com</dd>#}
                    <dd class="fd">
                        <a href="#" target="_blank">专项列表({{ specials }})</a>
                    </dd>
                </dl>
                <dl>
                    <dt class="mn2"></dt>
                    <dd class="fd">
                        <a href="#" target="_blank">章节列表({{ sections }})</a>
                    </dd>
                    {#				<dd>#}
                    {#					<a href="#" target="_blank">章节列表</a>#}
                    {#				</dd>#}
                </dl>
                <ul class="alllink">
                    <li><a href="#" target="_blank">科一练习</a></li>
                    <li><a href="#" target="_blank">科二练习</a></li>
                    <li><a href="#" target="_blank">科三练习</a></li>
                    <li><a href="#" target="_blank">科四练习</a></li>
                </ul>
            </div>
        </div>
    </div>
    <input type="hidden" id="successToken">
    <input type="hidden" value="1" id="haspwd">
    <div class="right">
        <div class="title">
            <div class="bg">
                <h2>
                    修改密码<span class="jiantou"></span>
                </h2>
            </div>
        </div>
        <div class="content">
            <div class="bg">
                <div class="tabbox">
                    　　
                    <ul>
                        　　　　
                        <li class="active-tab">通过手机号码修改</li>
                        　　　　
                        <li>通过原始密码修改</li>
                        　　
                    </ul>
                    <div class="content-pwd">
                        <div class="active-content">

                            <div class="user-info">

                                <input id='csrf' style="display: none" type="text" value="{{ csrf_token }}">
                                <div class="form-wrap">
                                    <label for="phone">验证手机号</label>
                                    <!--<input type="hidden" value="18784225440" id="mobile">-->
                                    <input type="hidden" value="{{ user.mobile }}" id="mobile">
                                    <input type="text" value="{{ user.mobile }}" autocomplete="off" id="phone"
                                           disabled="disabled">
                                </div>
                                <div class="form-wrap">
                                    <label for="code">验证码</label>
                                    <input type="number" autocomplete="off"
                                           oninput="if(value.length>4)value=value.slice(0,4)" class="code" id="code">
                                    <button class="send-code">获取验证码</button>
                                </div>
                                <div class="form-wrap">
                                    <label for="newpwd">新密码</label>
                                    <input type="text" name="newpwd1" style="display: none">
                                    <input type="password" value="" autocomplete="off" name="newpwd" id="newpwd">
                                    <span style="font-size: 12px;"><i style="color: red;padding-right: 6px;">*</i>密码长度需8-20位，必须包含数字和字母且不能包含当前账号</span>
                                </div>
                                <div class="form-wrap">
                                    <label for="repwd">确认密码</label>
                                    <input type="text" name="repwd1" style="display: none">
                                    <input type="password" value="" autocomplete="off" name="repwd" id="repwd">
                                </div>
                                <button class="submit-btn">立即修改</button>
                            </div>
                        </div>
                        　　
                        <div>
                            <div class="user-info">
                                <input id='csrf1' style="display: none" type="text" value="{{ csrf_token }}">
                                <div class="form-wrap">
                                    <label for="newpwd">原密码</label>
                                    <input type="text" name="newpwd1" style="display: none">
                                    <input type="password" value="" autocomplete="off" name="newpwd" id="oldpwd">
                                </div>
                                <div class="form-wrap">
                                    <label for="newpwd">新密码</label>
                                    <input type="text" name="newpwd1" style="display: none">
                                    <input type="password" value="" autocomplete="off" class="newpwd" name="newpwd"
                                           id="newpwd">
                                    <span style="font-size: 12px;"><i style="color: red;padding-right: 6px;">*</i>密码长度需8-20位，必须包含数字和字母且不能包含当前账号</span>
                                </div>
                                <div class="form-wrap">
                                    <label for="repwd">确认密码</label>
                                    <input type="text" name="repwd1" style="display: none">
                                    <input type="password" value="" autocomplete="off" class="repwd" name="repwd"
                                           id="repwd">
                                </div>
                                <button class="submit-btn">立即修改</button>
                            </div>
                            　　
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="captcha"><input type="hidden" name="NECaptchaValidate" value="" class="yidun_input"></div>
</div>

<div class="clear"></div>
<div class="foot">
    <div class="footcon">
        <a href="http://www.jxedt.com/about/jianjie.asp" target="_blank">网站介绍</a>
        | <a href="http://www.jxedt.com/about/sitemap.asp" target="_blank">网站地图</a>
        | <a href="http://www.jxedt.com/about/link.asp" target="_blank">
        合作链接</a> | <a href="http://www.jxedt.com/about/laws.asp" target="_blank">免责声明</a>
        | <a href="http://www.jxedt.com/about/lianxi.asp" target="_blank">联系我们</a>
        | <a href="http://www.jxedt.com/about/index.asp" target="_blank">意见反馈</a><br>
        Copyright <span style="font-family: arial;">©</span> 2004-2015
        驾校一点通 JXEDT.COM 版权所有 浙ICP备09002072号
    </div>
</div>
<script src="{{ static('js/jquery.js') }}"></script>
<script src="{{ static('js/load.js') }}"></script>
<script src="http://tracklog.58.com/referrer_jxedt_pc.js"></script>
<!--<script src="http://j1.58cdn.com.cn/dist/jxedt/pc/products/jxregister/js/changePwd.js"></script>-->
<script>
    /*
* @Description: 学员修改手机号码
* @Author: jiaolong
* @LastEditors: jiaolong
* @Date: 2019-05-15 16:07:51
* @LastEditTime: 2019-05-15 16:20:39
*/
    $(document).ready(function () {
        $("#phone").val($("#mobile").val().replace(/^(\d{4})\d{4}(\d+)/, "$1****$2"));
        var rid = "";
        var timer = "";
        var captchaIns = "";
        var index = 0;
        var isPwd = 0; //是否通过旧密码修改
        initNECaptcha({
                // config对象，参数配置
                captchaId: "e11978dc94fe431eb2ec9c510ddf97b9",
                element: "#captcha",
                mode: "popup",
                width: "380px",
                // 用户验证码验证成功后，进行实际的提交行为
                onVerify: function (err, data) {
                    if (data) {
                        $("#successToken").val(data.validate);
                        getSendCode();
                    }
                }
            },
            function onload(instance) {
                // 初始化成功后得到验证实例instance，可以调用实例的方法
                captchaIns = instance;
            },
            function onerror(err) {
                console.log("error", err);
                // 初始化失败后触发该函数，err对象描述当前错误信息
            }
        );
        $(".send-code").click(function () {
            captchaIns && captchaIns.refresh();
            captchaIns && captchaIns.popUp();
        });

        function getSendCode() {
            var d = new Date();
            var time = d.getTime();
            $.ajax({
                dataType: 'json',
                type: 'get',
                url: '/captcha/pcSendCode',
                data: {
                    t: 1,
                    m: 1,
                    p: 1,
                    mobile: $("#mobile").val(),
                    successToken: $("#successToken").val(),
                    _: time
                },
                success: function (res) {
                    if (res.code == 0) {
                        var n = 60;
                        rid = res.result.rid;
                        $(".send-code").attr("disabled", "true");
                        timer = setInterval(function () {
                            if (n == 1) {
                                clearInterval(timer);
                                $(".send-code").removeAttr("disabled").text('获取验证码').removeClass("no-active");
                            } else {
                                $(".send-code").text(--n + ' 秒后获取').addClass("no-active").attr("disabled", "true");
                            }
                        }, 1000);
                    } else {
                        Toast(res.msg, 2000);
                        $(".send-code").removeAttr("disabled").text('获取验证码').removeClass("no-active");
                    }
                }
            });
        }

        $(".submit-btn").click(function () {
            var csrf = $('input[id="csrf"]').val();
            var csrf1 = $('input[id="csrf1"]').val();
            var d = new Date();
            var time = d.getTime();
            var haspwd = !$("#haspwd").val() ? $(".setting-pwd") : $(".active-content");
            console.log("haspwd", haspwd);
            var regpwd = /^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{8,20}$/;
            if (!isPwd && $("#code").val().length !== 4) {
                Toast("验证码不正确！");
                return false;
            }
            if (isPwd && haspwd.find("#oldpwd").val().length <= 0) {
                Toast("原密码不能为空！");
                return false;
            }
            if (haspwd.find("#newpwd").val() === "") {
                Toast("新密码不能为空！")
                return false;
            } else if (!regpwd.test(haspwd.find("#newpwd").val())) {
                Toast("新密码格式有误(字母、数字或者符号,最短8位)！")
                return false;
            } else if (haspwd.find("#newpwd").val().indexOf($("#mobile").val()) >= 0) {
                Toast("新密码不能包含账号！")
                return false;
            }
            if (haspwd.find("#repwd").val() === "") {
                Toast("确认密码不能为空！");
                return false;
            } else if (haspwd.find("#newpwd").val() !== haspwd.find("#repwd").val()) {
                Toast("两次密码不一致，请重新输入！");
                return false;
            }

            var data = {
                csrfmiddlewaretoken: csrf,
                code: $("#code").val(),
                phonerid: rid,
                mobile: $("#mobile").val(),
                newpwd: $("#newpwd").val(),
                repwd: $("#repwd").val(),
                successToken: $("#successToken").val(),
                _: time
            };
            if (index == 1) {
                data = {
                    csrfmiddlewaretoken: csrf1,
                    code: $("#code").val(),
                    phonerid: rid,
                    mobile: $("#mobile").val(),
                    oldpwd: $("#oldpwd").val(),
                    newpwd: $(".content-pwd .newpwd").val(),
                    repwd: $(".content-pwd .repwd").val(),
                    successToken: $("#successToken").val(),

                    _: time
                };
                console.log($("#oldpwd").val());

            }

            $.ajax({
                dataType: 'json',
                type: 'post',
                url: '/userinfo/',
                data: data,
                success: function (res) {
                    if (res.code == 0) {
                        Toast(res.msg);
                         setTimeout(function () {
	                        window.location.href = res.url;
	                    }, 1500);
                    } else {
                        Toast(res.msg);
                    }
                }
            });
        });


        $(".tabbox li").click(function (ev) {
            //获取点击的元素给其添加样式，讲其兄弟元素的样式移除
            $(this).addClass("active-tab").siblings().removeClass("active-tab");
            //获取选中元素的下标
            index = $(this).index();
            isPwd = $(this).index();
            $(this).parent().siblings().children().eq(index).addClass("active-content")
                .siblings().removeClass("active-content");
            resetInput();
        });
    });

    function resetInput() {
        $("#code").val('');
        $("#newpwd").val('');
        $("#repwd").val('');
    }

    /**
     * 提示框
     * @param msg 文本
     * @param duration 时长
     * @constructor
     */
    function Toast(msg, duration) {
        duration = isNaN(duration) ? 2000 : duration;
        var div = document.createElement('div');
        div.innerHTML = msg;
        div.style.cssText = "padding:0 6px;height: 40px;color: rgb(255, 255, 255);line-height: 40px;text-align: center;border-radius: 4px;position: absolute;top: 30%;left: 49%;transform: translate(-50%, -50%);z-index: 9999;background: rgba(0, 0, 0,.7);font-size: 16px;";
        document.querySelector(".content .bg").appendChild(div);
        setTimeout(function () {
            var d = 0.5;
            div.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
            div.style.opacity = '0';
            setTimeout(function () {
                document.querySelector(".content .bg").removeChild(div)
            }, 0);
        }, duration);
    }
</script>


</body>
</html>